{% extends "SalarySysMenu/Main.html" %}
{% load staticfiles %}
{% block MyXFind %}
<li class="active" id="SalarySysMenuhtml"><a href="{% url 'GZGL:SalarySysMenu' %}"><i class="fa fa-money"></i> <span> XFindSalary</span></a></li>
{% endblock %}
{% block content %}
<div class="content-wrapper" >
<!-- Content Header (Page header) -->
<section class="content-header">
  <h1>
    XFindSalarySys
    <small>主页</small>
  </h1>
  <ol class="breadcrumb">
    <li><a href="#"><i class="fa fa-dashboard"></i> Level</a></li>
    <li class="active">Here</li>
  </ol>

</section>

<!-- Main content -->
<section class="content container-fluid" >

  <!--------------------------
    | Your Page Content Here |
    -------------------------->
   
   


     <!-- Small boxes (Stat box) -->
     <div class="row">
        <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-yellow">
              <div class="inner">
                <h3 id="showshowshow"> </h3>
                <p id="showshow"></p>
              </div>
              <div class="icon">
                <i class="ion ion-ios-time-outline"></i>
              </div>
              <a href="#" class="small-box-footer"><i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <div class="col-lg-3 col-xs-6">
            <!-- small box -->
            <div class="small-box bg-maroon">
              <div class="inner">
                {% if mark == 0 %}
                <h3>{{status}}</h3>
                <p>前往考勤</p>
                {% elif mark == 1 %}
                <h3>{{ttime}}</h3>
                <p>{{status}}</p>
                {% elif mark == 2 %}
                <h3>{{ttime}}</h3>
                <p>{{status}}</p>
                {% endif %}
              </div>
              <div class="icon">
                <i class="ion ion-person-add"></i>
              </div>
              <a href="{% url 'GZGL:Signin' %}" class="small-box-footer">详细  信息 <i class="fa fa-arrow-circle-right"></i></a>
            </div>
          </div>
          <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-aqua">
          <div class="inner">
            {% if signokday == 0 %}
            <h3>0</h3>

            <p>无有效考勤</p>
            {% else %}
            <h3>{{okrate}}%</h3>

            <p>正常考勤天数 {{signokday}}</p>
            {% endif %}
          </div>
          <div class="icon">
            <i class="ion ion-android-checkmark-circle"></i>
          </div>
          <a href="{% url 'GZGL:SignDetails' %}" class="small-box-footer">考勤详细信息 <i class="fa fa-arrow-circle-right"></i></a>
        </div>
      </div>
      <!-- ./col -->
      <div class="col-lg-3 col-xs-6">
        <!-- small box -->
        <div class="small-box bg-green">
          <div class="inner">
            <h3>53<sup style="font-size: 20px">%</sup></h3>

            <p>Bounce Rate</p>
          </div>
          <div class="icon">
            <i class="ion ion-stats-bars"></i>
          </div>
          <a href="#" class="small-box-footer">详细  信息 <i class="fa fa-arrow-circle-right"></i></a>
        </div>
      </div>
      <!-- ./col -->
     
     
    </div>
    <!-- /.row -->
    <div class="col-md-6">
          <!-- /.box-header -->
          
            <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
              <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
                <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
              </ol>
              <div class="carousel-inner">
                <div class="item active">
                  <img src="/static/img/12221.jpg" alt="First slide">

                </div>
                <div class="item">
                  <img src="/static/img/12225.jpg" alt="Second slide">

                </div>
                <div class="item">
                  <img src="/static/img/12223.jpg" alt="Third slide">

                </div>
              </div>

            </div>
          
          <!-- /.box-body -->
        
        <!-- /.box -->
      </div>
      <!-- /.col -->
    </div>

</section>
</div>
<!-- /.content -->
{% endblock %}

